<template>
  <view class="custom-navbar">
    <text class="title">{{ title }}</text>
	
  </view>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: ''
    }
  }
};
</script>

<style>
.custom-navbar {
  height: 44px;
  /* background-color: #fff; */
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1rpx solid rgb(231,231,231);
}

.title {
  font-size: 16px;
  font-weight: 1.1rem;
  letter-spacing: 0.1rem;
  /* background: linear-gradient(to right, rgb(242, 247, 255) 0%, rgb(255, 255, 255) 49%, rgb(255, 255, 255) 50%, rgb(255, 250, 248) 100%); */
  color: black; /* 设置文本颜色 */
}
</style>
